<!DOCTYPE html>
<html lang="zh_CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>砭石</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/store.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_842683_b52w59bo9vq.css">
</head>

<body>
    <header>
        <div class="top">
            <div class="title">
                <div class="logo"><img src="../images/logoWhite.png" alt=""></div>
                <p>后台管理系统</p>
            </div>
            <div class="login">
                <div class="userName">
                    <i class="icon iconfont icon-iconfontzhizuobiaozhun023104"></i>
                    <span>SZZ</span>
                </div>
                <div class="btn">安全退出</div>
            </div>
        </div>
    </header>
    <main>
        <nav class="leftNav">
            <ul>
                <li>
                    <a href="./home.html">
                        <i class="iconfont icon-shouye2"></i>
                        <span>首页&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                    </a>
                </li>
                <li>
                    <a href="./vip.html">
                        <i class="iconfont icon-iconfontzhizuobiaozhun023104"></i>
                        <span>会员管理</span>
                    </a>
                </li>
                <li>
                    <a href="./appoint.html">
                        <i class="icon-yuyue1 iconfont"></i>
                        <span>预约管理</span>
                    </a>
                </li>
                <li>
                    <a href="./serve.html">
                        <i class="icon-fuwuchuangb iconfont"></i>
                        <span>服务管理</span>
                    </a>
                </li>
                <li>
                    <a href="./news.html">
                        <i class="icon-xinwen iconfont"></i>
                        <span>新闻管理</span>
                    </a>
                </li>
                <li class="active">
                    <a href="#">
                        <i class="icon-dianpufill iconfont"></i>
                        <span>店铺管理</span>
                    </a>
                </li>
                <li>
                    <a href="./area.html">
                        <i class="icon-quyuditu iconfont"></i>
                        <span>区域设定</span>
                    </a>
                </li>
                <li>
                    <a href="./vipGrade.html">
                        <i class="icon-vip iconfont"></i>
                        <span>会员等级</span>
                    </a>
                </li>
                <li>
                    <a href="./order.html">
                        <i class="icon-dingdan iconfont"></i>
                        <span>订单管理</span>
                    </a>
                </li>
                <li>
                    <a href="./operatingCenter.html">
                        <i class="icon-shezhi iconfont"></i>
                        <span>运营中心</span>
                    </a>
                </li>
                <li>
                    <a href="./record.html">
                        <i class="icon-jiankang iconfont"></i>
                        <span>健康档案</span>
                    </a>
                </li>
            </ul>
        </nav>
        <div class="rightContent">
            <div class="screen">
                <select name="siteSlt" id="siteSlt">
                    <option value="" disabled selected hidden>按区域筛选</option>
                    <option value="all">全部</option>
                    <option value="tswk">本周</option>
                    <option value="thisMonth">本月</option>
                    <option value="thisQuarter">本季度</option>
                    <option value="thisYear">本年</option>
                </select>
            </div>

            <div class="search">
                <input type="text" id="info" placeholder="搜索会员姓名或手机号">
                <label for="info" class="iconfont icon-sousuo"></label>
            </div>
            <div class="box" style="overflow-y:auto; overflow-x:hidden;height: 31rem;">
                <div class="stores">
                    <div class="backWit addStore">
                        <p>
                            +
                        </p>
                        <h2>新<span>建门</span>店</h2>
                    </div>
                    <div class="store backWit">
                        <p>
                            <img src="../images/img.jpg" alt="">
                        </p>
                        <h2>K歌之王</h2>
                        <b>山东济南</b>
                    </div>
                    <div class="store backWit">
                        <p>
                            <img src="../images/img.jpg" alt="">
                        </p>
                        <h2>K歌之王</h2>
                        <b>山东济南</b>
                    </div>
                    <div class="store backWit">
                        <p>
                            <img src="../images/img.jpg" alt="">
                        </p>
                        <h2>K歌之王</h2>
                        <b>山东济南</b>
                    </div>
                    <div class="store backWit">
                        <p>
                            <img src="../images/img.jpg" alt="">
                        </p>
                        <h2>K歌之王</h2>
                        <b>山东济南</b>
                    </div>
                    <div class="store backWit">
                        <p>
                            <img src="../images/img.jpg" alt="">
                        </p>
                        <h2>K歌之王</h2>
                        <b>山东济南</b>
                    </div>
                    <div class="store backWit">
                        <p>
                            <img src="../images/img.jpg" alt="">
                        </p>
                        <h2>K歌之王</h2>
                        <b>山东济南</b>
                    </div>
                    <div class="store backWit">
                        <p>
                            <img src="../images/img.jpg" alt="">
                        </p>
                        <h2>K歌之王</h2>
                        <b>山东济南</b>
                    </div>
                    <div class="store backWit">
                        <p>
                            <img src="../images/img.jpg" alt="">
                        </p>
                        <h2>K歌之王</h2>
                        <b>山东济南</b>
                    </div>

                </div>
            </div>
            <div class="tabFooter">
                <div class="strip">
                    <div class="all">
                        共<span>2018</span>条
                    </div>
                    <div class="pageStrip">
                        每页显示<input type="number" value="20">条
                    </div>
                </div>
                <div class="page">
                    <div class="prev">
                        上一页
                    </div>
                    <div class="pageNum" style="overflow-x:auto; overflow-y:hidden;">
                        <div class="active">1</div>
                        <div>2</div>
                        <div>3</div>
                        <div>4</div>
                        <div>5</div>
                    </div>
                    <div class="next">
                        下一页
                    </div>
                </div>
            </div>
        </div>

    </main>
    <script src="../js/jquery-3.3.1.js"></script>
    <script src="../js/echarts.min.js"></script>
    <script>
        $(function () {
            $('.store').click(function(){
                window.location.href='storeDetails.html'
            })
        })
    </script>
</body>

</html>